* {
    margin: 0;
    padding: 0;
  }

  a {
    text-decoration: none;
  }

  div {
    box-sizing: border-box;
  }

  .layout {
    display: flex;
  }

  .slider {
    width: 375px;
  }

  .img {
    width: 375px;
    background-image: url(https://cdn.web-global.fds.api.mi-img.com/mcfe--mi-account/static/static/media/banner.92c693b4..jpg);
    background-size: cover;
    background-position: 50%;
    height: 100%;
  }

  .header {
    padding: 20px;
  }

  .iconsvg {
    display: inline-block;
    background-image: url(https://tse3-mm.cn.bing.net/th/id/OIP-C.-g6B_-VJVuXnSZQ4FjwqdwHaHX?pid=ImgDet&rs=1);
    width: 40px;
    height: 40px;
    background-size: cover;
  }

  .iconText {
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    width: 130px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    vertical-align: top;
  }

  .aItem {
    color: #838383;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .container .header {
    display: flex;
    width: 1150px;
    justify-content: space-between;
  }

  select {
    border: none;
  }

  .form {
    padding-top: 20px;
    width: 1150px;
  }

  .form .card {
    width: 450px;
    /* height: 567px; */
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: 0 20px 50px 0 hsla(0, 0%, 64%, .1);
    padding: 40px 45px;
    overflow: hidden;
  }

  .form .card .content {
    width: 360px;
  }

  .tabList .loginText {
    font-size: 26px;
    color: #333;
    font-weight: 500;
    cursor: pointer;
  }

  .tabList .register {
    font-size: 26px;
    color: #838383;
    font-weight: 500;
    margin-left: 20px;
    cursor: pointer;
  }

  .tabList .line {
    width: 44px;
    height: 4px;
    border-radius: 2px;
    background-color: #ff5c00;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
  }

  .loginInput {
    margin-top: 20px;
  }

  .input {
    border: none;
    width: 366px;
    height: 61.6px;
    margin-left: -5px;
    margin-right: -5px;
    row-gap: 0px;
    background-color: #f9f9f9;
    font-size: 17px;
    text-indent: 50px;
    margin-top: 20px;
  }

  .loginInput .agree {
    margin-top: 20px;
    zoom: 150%;
    vertical-align: text-bottom;
    background-color: #f9f9f9;
  }

  .loginInput .agreetext {
    display: inline-block;
    margin-left: 5px;
  }

  .loginButton {
    color: #f9f9f9;
    opacity: 0. 4;
    margin-top: 20px;
    width: 100%;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    padding: 0 20px;
    text-align: center;
    background-color: #ff5c00;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    vertical-align: top;
    white-space: nowrap;
  }

  .loginInput .forget {
    display: flex;
    color: #ff5c00;
    justify-content: space-between;
    margin-top: 20px;
  }

  .other .OtherWays {
    text-align: center;
    color: #838383;
    margin-top: 20px;
  }

  .otherIcon {
    border-radius: 23px;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    font-size: 46px;
    height: 46px;
    overflow: hidden;
    width: 46px;
  }

  .allotherIcon {
    display: flex;
    margin-top: 20px;
  }

  .Alipay {
    background-image: url(https://ts1.cn.mm.bing.net/th/id/R-C.c1a6b94ad66a97a88d1b691a01033029?rik=bbt08tjxc7nmgw&riu=http%3a%2f%2fpic.616pic.com%2fys_bnew_img%2f00%2f03%2f78%2ff6L7nVffr3.jpg&ehk=%2fc0f0h5q0GbzL0VImVV1iiHgT7DIrcYG2qOa3rP%2b5Ws%3d&risl=&pid=ImgRaw&r=0);
    background-size: cover;
  }

  .wechat {
    background-image: url(https://ts1.cn.mm.bing.net/th/id/R-C.b4ae3496473df0a158d5b4927d3b74c1?rik=xVW%2fOYSozCCcrQ&riu=http%3a%2f%2fimages.shejidaren.com%2fwp-content%2fuploads%2f2020%2f03%2funnamed-file.png&ehk=N5w8ATecXx%2b1KWZ3xQORVtoIQU0Ijxz8%2bo6viRr14%2fE%3d&risl=&pid=ImgRaw&r=0);
    background-size: cover;
  }

  .qq {
    background-image: url(https://ts1.cn.mm.bing.net/th/id/R-C.bb97706c05e4a10920865d748f1b5c8c?rik=7v6NCBtsq5VtrQ&riu=http%3a%2f%2fwww.kuaipng.com%2fUploads%2fpic%2fwater%2f13451%2fgoods_water_13451_698_698_.png&ehk=Cz9nz7EpaPr9UAuXr0W9KN9EloqQ6ekPxhqAojv4O6E%3d&risl=&pid=ImgRaw&r=0);
    background-size: cover;
  }

  .microblog {
    background-image: url(https://ts1.cn.mm.bing.net/th/id/R-C.3bab951af42ef9e46e57c3e52634a07a?rik=fI%2ba%2fUXb9QnKyg&riu=http%3a%2f%2fimg.zcool.cn%2fcommunity%2f0104e9571c743432f875a399db949b.jpg%401280w_1l_2o_100sh.jpg&ehk=xeHg4gWw2KrvPfe8yldA7rIuBVVgmUwKVk%2fJUWw4Bms%3d&risl=&pid=ImgRaw&r=0);
    background-size: cover;
  }

  .apple {
    background: url(https://ts1.cn.mm.bing.net/th/id/R-C.dd71bb36caa57d3f044489d92a37349f?rik=F0O4xXomi2CHCw&riu=http%3a%2f%2fwww.kuaipng.com%2fUploads%2fpic%2fw%2f2018%2f10-20%2f49967%2fwater_49967_698_857.4_.png&ehk=QelebY%2brtWjivs%2blC5KkT1IEcJYf9fOHoZv0ymzT0CE%3d&risl=&pid=ImgRaw&r=0);
    background-size: cover;
  }

  .copyRight {
    margin-top: 50px;
    text-align: center;
    color: #999;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .Fail {
    color: #ff5c00;
    margin-top: 20px;
  }

  .VerificationCode {
    width: 252px;
  }

  .Sendverificationcode {
    margin-top: 20px;
    display: block;
    width: 112px;
    line-height: 61.6px;
    background-color: #f9f9f9;
  }

  .Sendverificationcode:hover {
    cursor: pointer;
  }